<template>
  <view class="infoButton" @click="handleInfo">
    <view class="image_box">
      <image src="../../static/images/massageChair_info_icon.png" mode="widthFix"></image>
    </view>
    <view class="info_text">个人中心</view>
  </view>
</template>
<script>
export default {
  name: "infoButton",
  props: {},
  data() {
    return {};
  },
  methods: {
    handleInfo() {
      console.log(888)
      uni.navigateTo({
        url: "/pages/massageChair/personCenter",
      });
    },
  },
};
</script>

<style lang="scss">
.infoButton {
  padding: 8rpx;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  bottom: 60rpx;
  right: 0;
  width: 220rpx;
  height: 88rpx;
  background: #ffffff;
  box-shadow: 0rpx 0rpx 20rpx 0rpx #e2e4ed;
  border-radius: 44rpx 0rpx 0rpx 44rpx;
  .image_box{
    width: 72rpx;
    height: 72rpx;
    border-radius: 50%;
    background:#EBF3FE;
    padding: 12rpx;
    image{
      width: 100%;
      display: block;
    }

  }
  .info_text{
    margin-left: 12rpx;
    font-size: 28rpx;
    color: #000000;
  }
}
</style>